<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<title>jqMobi Kitchen Sink</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!--<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=no" />-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<link rel="stylesheet"  type="text/css" href="../kitchensink/android.css" title="frosty"/>
<link rel="stylesheet"  type="text/css" href="../kitchensink/iphone.css" title="frosty"/>
<!-- uncomment for AppMobi apps
<script type="text/javascript" charset="utf-8" src="http://localhost:58888/_appMobi/appmobi.js"></script> 
<script type="text/javascript" charset="utf-8" src="http://localhost:58888/_appMobi/xhr.js"></script> 	
-->
<script type="text/javascript" charset="utf-8" src="../jq.mobi.js"></script> 

 
<!-- include touch.js on desktop browsers only -->
<script>
if(!((window.DocumentTouch&&document instanceof DocumentTouch)||'ontouchstart' in window)){
var script=document.createElement("script");
script.src="../touch.js";
var tag=$("head").append(script);
$.os.android=true; //let's make it run like an android device
$.os.desktop=true;
}
</script>

<script type="text/javascript" charset="utf-8" src="../ui/jq.ui.js"></script> 



</head>
<body>
<div id="jQUi">
<!-- this is the splashscreen you see. -->
    <div id="splashscreen" class='ui-loader'>
        <img src="../kitchensink/images/splash.png">
        <br><br>
        <span class='ui-icon ui-icon-loading spin'></span><h1 >Starting app</h1>
    </div>
    <div id="header">
     <a id="backButton" href="javascript:$.ui.goBack();" class="icon_back" style="visibility: visible; "></a>
    </div>

<div id="content">
	<div title='流程管理搜索' id="main" class="panel" selected="true" data-nav="footerui" data-header="testheader" data-tab="navbar_home" >
 			
	<div id="mawTabFirst" class="maw_tabs">
				<div class="tab_bg" >
                   <div>
                    <a href="#" class="tab_focus" data-name="tab" data-index="0" onclick="showTab(0)">快捷搜索</a>
                    <a href="#" data-name="tab" data-index="1" onclick="showTab(1)">高级搜索</a>
                   </div>
				</div>
				<div style="clear:both;"></div>
				<div class="tabDiv" id="tabDiv_0">
                  <table class="table_form" cellpadding="0" cellspacing="0">
                      <tr>
                        <td  width="30%">
                          <label for="流程编号" >流程编号</label></td>
                          <td><input type="text" id="流程编号" class="jq-ui-forms" /></td>
                      </tr>
                      <tr><td>
                          <label for="流程名称" class="selected">流程名称</label></td>
                          <td><input type="text" id="流程名称" class="jq-ui-forms"/></td>
                       </tr>
                      <tr><td>
                          <label for="流程类型" class="selected">流程类型</label></td>
                          <td><input type="text" id="流程类型" class="jq-ui-forms"/></td>
                      </tr>
                      <tr><td>
                          <label for="创建人" class="selected">创建人</label></td>
                          <td><input type="text" id="创建人" class="jq-ui-forms"/></td>
                      </tr>
                      <tr><td><label for="创建日期" class="selected">创建日期</label></td>
                          <td><input type="text" id="创建日期" class="jq-ui-forms" style="width:30%;"> -- <input type="text" id="创建日期" class="jq-ui-forms" style="width:30%;"></td>
                      </tr>
                  </table>
				</div>
				<div class="hidden tabDiv" id="tabDiv_1">
					高级搜索
				</div>
			</div>
            
    <div class="search_result">
         <div class="table_normal_box">
          <table cellpadding="0" cellspacing="0" class="table_normal">
                 <caption>搜索结果</caption>
                    <thead>
                        <tr>
                            <td>产品线</td>
                            <td>销售产品</td>
                            <td>技术产品</td>
                            <td>预计单价（万元）</td>
                            <td>数量</td>
                            <td>预计金额（万元）</td>
                            <td>备注</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="#" >test a:hover字s</a></td>
                            <td><a >test a:hover</a></td>
                            <td><a >test a:hover</a></td>
                            <td><a >test a:hover</a>字</td>
                            <td>5</td>
                            <td>6</td>
                            <td>7</td>
                        </tr> 
                        <tr>
                            <td>1</td>
                            <td>2</td>
                            <td>3</td>
                            <td>4</td>
                            <td>5</td>
                            <td>6</td>
                            <td>7</td>
                        </tr>
                         <tr>
                            <td>1</td>
                            <td>2</td>
                            <td>3</td>
                            <td>4</td>
                            <td>5</td>
                            <td>6</td>
                            <td>7</td>
                        </tr>  
                    </tbody>
                    
                </table>
         </div>
          <div class="page">
                <a href="#"><span class="page_first"></span></a>
                <a href="#"><span class="page_pre"></span></a>
                <span>
                    <input type="text" class="jq-ui-forms" style="width:40px;height:32px;"><b> /1</b> 
                </span>
                <a href="#"><span class="page_go"></span></a>
                <a href="#"><span class="page_next"></span></a>
                <a href="#"><span class="page_end"></span></a>
           </div>
	</div>
	<div title="jqMobi" id="jqm" class="panel" data-nav="footerui" data-header="testheader">
      
	</div>
</div>
<!-- ------------------------------------------ -->
<!-- navbar -->
 
<footer id='navbar'>
      <a href="#main" id='navbar_home' class='icon search' > </a>
      <a href="#jqmtransitions" id='navbar_js' class="icon new_add" ></a>
	  <a href="#jqmui" id='navbar_ui'  class="icon home" ></a>
	  <a href="#uiapi" id='navbar_plugins'  class="icon set" ></a>	  
</footer>
 
<header id="testheader">
    <a id="backButton" onclick="$.ui.goBack()" class='button' style='left:0px;left:auto;overflow:hidden'>Go Back</a>
    <h1>Custom Header</h1>
</header>
<!-- ------------------------------------------ -->

</div>
</div>

<link rel="stylesheet" type="text/css" href="../res/js/tab/mawTab.css?sdfsdfsd"/>
<script type="text/javascript" charset="utf-8" src="../res/js/tab/mawTab.js?adfasdf"></script> 
<script type="text/javascript" charset="utf-8" src="../plugins/jq.extend.js?sasdfasdfdfsdf"></script>
 
 
<script>
	var showTab = function(index){
		MawTabs.showTab("mawTabFirst",index);	
	}
</script> 
</body>
</html>
